<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/index.css" />
    <style type="text/css">
        html, body {width:100%; height: 100%;}
        .search-box{width: 100%;box-sizing: border-box;}
        .search-box .top{width: 100%;height: 48px;justify-content: space-between;}
        .search-box .top .logo{width: 120px;background:url(./image/main0/logo.png) no-repeat left 15px center;background-size: 90px 18px;}
        .search-box .top .msg{width: 52px;height: 48px;background: url(./image/main0/msg.png) no-repeat center;background-size: 18px;position: relative;}
        .search-box .top .msg .red{width:9px;height:9px;background: #F44C30;border-radius: 50%;border: 1px solid #ffffff;position: absolute;right: 14px;top: 13px;box-sizing: border-box;}
        .search-box .search{padding: 0 15px 10px 15px;box-sizing: border-box;height: 40px;height: 100%;}
        .search-box .search .st{border-radius: 20px;height: 30px;background: #ffffff;justify-content: center;align-items: center;}
        .search-box .search span{display: block;color: #BDBDBD;padding-left: 18px;background: url(./image/main0/search_bg.png) no-repeat left center;background-size: 12px;}

        .class-box{background: #ffffff;padding: 9px 15px;box-sizing: border-box;}
        .class-box .class-cont{background-color: #F4F4F4;width: 100%;height: 30px;border-radius: 20px;align-items: center;justify-content: center;}
        .class-box .class-cont .st{display: block;color: 14px;color: #BDBDBD;padding-left: 18px;background: url(./image/main0/search_bg.png) no-repeat left center;background-size: 12px;}

        .headbar{ background-color: #FFF;}
        #title{font-size: 18px;color: #fff;}
        #toolbar-1{background: #FFFFFF;}
        #toolbar-1 .title{font-size: 18px;font-weight: bold;}
        #toolbar-1 .rt{font-size: 14px;color:#333333;}
        .style{background-color: #FFFFFF;}
        .style.on{background: url(./image/index/index_bg.png) no-repeat top center #FF9502;background-size:100% auto;}
    </style>
</head>

<body>

    <div id="app-header" class="style on">
        <div id="header" >
            <div class="headbar" style="height:88px;display:block;background-color:transparent;">
                <div class="bar-box">
                    <div class="toolbar fix">
                        <div class="search-box">
                            <div class="top flex" tapmode onclick="openMsg()">
                                <div class="logo"></div>
                                <div class="msg"><div class="red" id="msgRed" style="display:none;"></div></div>
                            </div>
                            <div class="search" tapmode onclick="open_search(this)">
                                <div class="st flex"><span>搜索</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="headbar" style="display:none;">
                <div class="bar-box">
                    <div class="toolbar fix">
                        <div class="class-box" tapmode onclick="open_search(this)">
                            <div class="class-cont flex"><span class="st">搜索商品</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="headbar" style="display:none;">
		        <div class="bar-box">
		            <div class="toolbar fix" id="toolbar-1">
		                <div class="lf tool"></div>
		                <div class="title han_1" >购物车<i id="cartNum"></i></div>
		                <div class="rt tool" id="menu" tapmode onclick="cartEdit(this);" style="width:60px;" data-type="0" >编辑</div>
		            </div>
		        </div>
		    </div>
            <div class="headbar" style="display:none;"></div>
        </div>
    </div>

    <!--底部导航-->
    <div class="tab-bar flex" id="app-footer">
        <a class="tab-button tabmenu0 flex1 active" href="javascript:;" data-id="0" tapmode onclick="onTabbarClick(this);">
            <i class="icon1"><img src="./image/main/menu1.png"></i>
            <i class="icon2"><img src="./image/main/menu1_1.png"></i>
            <span class="tab-button-txt lan" set-lan="html:index_menu1">首页</span>
        </a>
        <a class="tab-button tabmenu1 flex1" href="javascript:;" data-id="1" tapmode onclick="onTabbarClick(this);">
            <i class="icon1"><img src="./image/main/menu2.png"></i>
            <i class="icon2"><img src="./image/main/menu2_1.png"></i>
            <span class="tab-button-txt lan" set-lan="html:index_menu1">分类</span>
        </a>
        <a class="tab-button tabmenu2 flex1" href="javascript:;" data-id="2" tapmode onclick="onTabbarClick(this);">
            <i class="icon1"><img src="./image/main/menu3.png"></i>
            <i class="icon2"><img src="./image/main/menu3_1.png"></i>
            <span class="tab-button-txt lan" set-lan="html:index_menu1">购物车</span>
        </a>
        <a class="tab-button tabmenu3 flex1" href="javascript:;" data-id="3" tapmode onclick="onTabbarClick(this);">
            <i class="icon1"><img src="./image/main/menu4.png"></i>
            <i class="icon2"><img src="./image/main/menu4_1.png"></i>
            <span class="tab-button-txt lan" set-lan="html:index_menu1">我的</span>
        </a>
    </div>

    <script type="text/javascript" src="./script/base.min.js" id="loadjs" data-js="index"></script>
	<script type="text/javascript"></script>
</body>
</html>
